<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- css引入 -->
    <link rel="stylesheet" href="../css/rest.css">
    <link rel="stylesheet" href="../css/commou.css">
    <link rel="stylesheet" href="../css/api.css">
    <link rel="stylesheet" href="../libe/swiper-bundle.min.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head combainer">
        <div class="head  combainer">
            <div class="fl  heada"><img src="../imgs/new-logo-white2.png" alt=""></div>
            <div class="fl  headb">
                <a href="../page/hoem.html">首页</a>
                <a href="../page/api.html" id="bor">API</a>
                <a href="../page/case.html">云服务</a>
                <a href="#">案列</a>
                <a href="#">开发者 </a>
            </div>
            <div class="fr  headc">
                <button class="buttona"><a href="../page/zuce.html">登录</a></button>
                <button class="buttonb"><a href="../page/zuceyouli.html">注册有礼</a></button>
            </div>
        </div>
    </div>
    <!-- 蒙层 -->

    <!-- 空盒子 -->
    <div class="top-block"></div>
    <div class=".content "></div>
    <!--API分类  -->
    <div class="api combainer">
        <div class="api-a">
            <h3>API分类</h3>
            <div id="apibt"></div>
            <!-- 渲染进来的 -->
        </div>
        <div class="api-b ">
            <p><span>全部</span> <input type="text" placeholder="身份证实名">
                <button><a href="#"><img src="../imgs/magnifier.png" alt=""></a></button>
            </p>
        </div>


        <div class="api-c clearfix">
            <!-- 渲染 -->
        </div>
        <!-- 分页器 -->
        <div class="api-d clearfix combainer">
            <a href="#" class="api-da">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">6</a>
            <a href="#">7</a>
            <a href="#">8</a>
            <a href="......."></a>
            <a href="#">下一页</a>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="foot combainer">
        <div class="foot-a">
            <ul class="foot-ul">
                <h6>联系和支持</h6>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <ul class="foot-ul">
                <h6>关于源码</h6>
                <li>400-882-77 15</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <ul class="foot-ul">
                <h6>快速入口</h6>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <ul class="foot-ul">
                <h6>产品服务</h6>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <ul class="foot-ul">
                <h6>解决方案</h6>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <p class="bei     ">
                <a href=""><img src="../imgs/bei1.png" alt=""></a>
                <a href=""><img src="../imgs/bei2.png" alt=""></a>
                <span>增值电信业务经营许可证:蜀B2-20180596蜀ICP备15006450号-3营业执照源码大数据股份有限公司©版权所有</span>
            </p>
        </div>
        <div class="foot-b">
            <div class="foot-bb ">
                <h6>微信公众号</h6>
                <p>源码时代</P>
            </div>
            <p class="foot-img"><img src="../imgs/wechat-white.png" alt=""></p>

            <P class="foot-text">源码大数据股份有限公司©版权所有</P>
        </div>
    </div>
    <!-- 蒙成 -->
    <div class="meng">
        <!-- 蒙太框 -->
        <div class="mengcheng ">
            <p><img src="../imgs/loginlogo.png" alt=""></p>
            <p class="doxp clearfix ">
                <a>账号登录</a><span class="bor "></span> <a class="biaoqian-a">扫码登录</a>
            </p>
            <p class="doxp-imga "><span></span>
                <input type="text " placeholder="用户名/手机号/邮箱 ">
                <img src="../imgs/clearInput.png " alt=" ">
            </p>
            <p class="doxp-imgb "><span></span>
                <input type="password " placeholder="密码 ">
                <img src="../imgs/clearInput.png " alt=" ">
            </p>
            <button class="btnwang ">忘记密码</button>
            <button class="btnde ">登录</button>

            <p class="doxp-text ">还没有源码账号？<a href=" ">注册一个<button></button></a></p>
        </div>



        <!-- 蒙太框 -->
        <div class="mengcheng-a ">
            <p><img src="../imgs/loginlogo.png " alt=" "></p>
            <p class="doxpa clearfix ">
                <a class="biaoqian-b ">账号登录</a><span class="bor-a "></span> <a>扫码登录</a>
            </p>
            <!-- 二维码盒子 -->
            <div class="space-box ">
                <img src="../imgs/showqrcode.jpg " alt=" ">
                <p class="space-text ">微信扫码登录</p>
                <p class="space-text-a ">未关注源码科技公众号</p>
            </div>
            <p class="doxp-text ">还没有源码账号？<a href=" ">注册一个<button></button></a></p>
        </div>
    </div>
    <!-- 插件引入 -->
    <!-- js引入 -->
    <script src="../libe/swiper-bundle.js "></script>
    <script src="../js/api.js "></script>
</body>

</html>